{% load comments i18n %}
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}js/markitup/jquery.markitup.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}js/markitup/sets/default/set.js"></script>
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}js/markitup/skins/markitup/style.css" />
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}js/markitup/sets/default/style.css" />
        
<script type="text/javascript" >
    $(document).ready(function () {
        $("#id_comment").markItUp(mySettings);
    });
</script>
<form action="{% comment_form_target %}" method="post">{% csrf_token %}
  {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %}
  <table  width="100%"> {% for field in form %}
    {% if field.is_hidden %}
      <div>{{ field }}</div>
    {% else %}
      {% if field.errors %}{{ field.errors }}{% endif %}
     <tr{% if field.errors %} class="error"{% endif %}
        {% ifequal field.name "honeypot" %} style="display:none;"{% endifequal %}>
        {% ifequal field.name "captcha"%}
        <td colspan="2">{{ field }}</td>
        {% else %}
        <td width="50%">{{ field.label_tag }}</td> <td width="50%">{{ field }}</td>
        {% endifequal %}
     </tr>
    {% endif %}
  {% endfor %}
  <tr><td></td><td>
<p class="submit">
    <input type="submit" name="post" class="submit-post" value="{% trans "Post" %}" />
    <input type="submit" name="preview" class="submit-preview" value="{% trans "Preview" %}" />
  </p>
  </td></tr></table>
</form>
